<template>
  <div class="my">
    <div class="box4">
      <van-image round width="50px" height="50px" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
    </div>
    <div class="box1">
      <p class="nick_name">未登录</p>
      <span class="mobile">点击登录账号</span>
    </div>
    <van-grid :border="false">
      <van-grid-item icon="circle" text="账号余额" />
      <van-grid-item icon="circle" text="积分" />
      <van-grid-item icon="circle" text="优惠卷" />
      <van-grid-item icon="wap-home-o" text="我的钱包" />
    </van-grid>
    <div class="box3"> </div>
    <van-grid :border="false">
      <van-grid-item icon="wap-home-o" text="全部底单" />
      <van-grid-item icon="wap-home-o" text="待支付" />
      <van-grid-item icon="wap-home-o" text="待发货" />
      <van-grid-item icon="wap-home-o" text="待收货" />
    </van-grid>
    <div class="box3"> </div>
    <van-nav-bar left-text="我的服务" />
    <van-grid :border="false">
      <van-grid-item icon="wap-home-o" text="收货地址" />
      <van-grid-item icon="wap-home-o" text="领券中心" />
      <van-grid-item icon="wap-home-o" text="优惠券" />
      <van-grid-item icon="wap-home-o" text="我的帮助" />
      <van-grid-item icon="wap-home-o" text="我的积分" />
      <van-grid-item icon="wap-home-o" text="退换/售后" />
    </van-grid>
    <div class="box3"> </div>
    <van-button type="primary"  @click="exit">退出登录</van-button>
  </div>
</template>

<script>

export default {
  name: 'MyView',
  methods: {
    exit () {
      this.$store.commit('user/getToken')
      this.$router.push('/login')
      console.log(123)
    }
  }

}
</script>
<style lang="less" scoped>
.box4 {
  // width: 100%;
  height: 80px;
  background: url(./user-header2.png);
  background-size: 100% 100%;
  padding: 30px;

}

.box1 {
  position: absolute;
  top: 9px;
  left: 86px
}

.box3 {
  height: 10px;
}

/deep/.van-nav-bar__text {
  color: #000;
}

/deep/.van-button {
  left: 60px;
  width: 250px;
  bottom: 5px;
}

/deep/ .van-button--primary {
  background:  rgba(255, 0, 0, 0);
  color: #000;
  border: 1px solid #ececec;
}

// /deep/ .van-grid{
//   margin-top: 50px;
// }

</style>
